body {
  background: #E8E8E8;
}
.swiper-container {
  height: 100px;
}
.swiper-container .img {
  width: 100%;
  height: 100%;
}
.contentBox {
  width: 100%;
}
.contentBox .nameBox {
  width: 100%;
  background: #FBFBFB;
  padding: 20px;
}
.contentBox .nameBox .userBox {
  width: 100%;
  line-height: 120px;
}
.contentBox .nameBox .personalBox {
  line-height: 25px;
  height: 25px;
  width: 100%;
  color: #8a8a8a;
  font-size: 14px;
  font-family: PingFangSC-regular;
  margin-top: 20px;
}
.contentBox .nameBox .personalBox p {
  width: 65px;
}
.contentBox .nameBox .personalBox .personal {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.contentBox .nameBox .imgBox {
  overflow: hidden;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  border: 3px solid #4294ff;
}
.contentBox .nameBox .iconfont {
  align-self: flex-end;
  align-self: center;
  font-size: 30px;
  color: #8a8a8a;
}
.contentBox .nameBox .vip {
  width: 45px;
  height: 22px;
  position: absolute;
  left: 75px;
  bottom: 6px;
}
.contentBox .nameBox .user {
  margin-left: 15px;
  width: 66px;
  height: 120px;
  color: #101010;
  font-size: 22px;
  font-family: PingFangSC-regular;
}
.contentBox .dataBox {
  color: #101010;
  font-size: 18px;
  font-family: PingFangSC-regular;
}
.contentBox .dataBox .clockBox {
  width: 104px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
  background-color: #aad9f7;
  color: #004e73;
  font-size: 20px;
  font-weight: bolder;
}
.contentBox .dataBox #day {
  color: #4294FF;
  font-size: 26px;
}
.contentBox .dataBox .clockImg {
  width: 26px;
  height: 26px;
}
.contentBox .dynamic {
  padding: 0 20px;
  margin-top: 20px;
  height: 55px;
  background: #FBFBFB;
}
.contentBox .dynamic .leftBox span {
  font-size: 24px;
  color: #4294FF;
}
.contentBox .dynamic .leftBox div {
  color: #101010;
  font-size: 18px;
  text-align: left;
  font-family: PingFangSC-regular;
}
.contentBox .dynamic .rightBox {
  color: #8a8a8a;
  font-size: 16px;
  text-align: left;
  font-family: PingFangSC-regular;
}
.contentBox .dynamic .rightBox .iconfont {
  font-size: 30px;
  color: #8a8a8a;
}
.contentBox .datdBox {
  padding: 0 20px 20px;
  background: #FBFBFB;
}
.contentBox .datdBox .line {
  height: NaNpx;
  border-left: 1px dashed #bbbbbb;
}
.contentBox .datdBox p {
  margin: 20px 0;
}
.contentBox .datdBox span:nth-of-type(2) {
  color: #000;
  font-size: 8px;
}
.contentBox .datdBox span:nth-of-type(1) {
  color: #4294ff;
  font-size: 40px;
  text-align: left;
  font-family: SFUIText-regular;
}
.contentBox .datdBox p {
  color: #8a8a8a;
  font-size: 16px;
  text-align: left;
  font-family: PingFangSC-regular;
}
.contentBox .badge #icon {
  font-size: 30px;
}
.contentBox .badgeIcon {
  padding: 0 15px 20px;
  background: #FBFBFB;
}
.contentBox .badgeIcon .box1 {
  width: 100px;
  height: 100px;
  line-height: 20px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #bbbbbb;
}
.contentBox .loginBox {
  margin-top: 20px;
  height: 55px;
  width: 100%;
  background: #FBFBFB;
}
.contentBox .loginBox .loginBtn {
  line-height: 55px;
  color: #4294ff;
  font-size: 18px;
  font-family: PingFangSC-regular;
}
.ToastBox {
  width: 100%;
  height: 77px;
  background: #143fb5;
}
